﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>确认下单</title>
    <link href="../../Content/Style/gobal.css" rel="stylesheet" type="text/css">
    <link href="../../Content/Style/sure.css" rel="stylesheet" type="text/css">
    <script src="~/Content/Script/angular.min.js"></script>
    <script src="~/Scripts/PageJs/Main.js"></script>
    <script src="~/Scripts/PageJs/Order.js"></script>

    <style>
        .xuanze {
            width: 20px;
            height: 20px;
            margin-top: 4px;
            border: 1px solid #fc6625;
            margin-top: 20px;
        }

        .f-right {
            float: right;
        }

       .zhuangtai {
           background-image:url(/Content/images/right.png);
           background-repeat:no-repeat;
           background-size:20px;   
        }

    </style>
</head>
<body ng-controller="ConfirmOrderController">
    <div class="wrap">
        <div class="content">
            <!--地址选择-->
            <!--<a class="user_info" ng-controller="AllLinkCtrl" id="Address" ng-click="togoSelectAddress()">
        <div class="info_left">
            <p class="user_name">
                <span>姓名：</span><span ng-bind="vm.selectionA.ContactName"></span>&nbsp;&nbsp;
                <span>联系电话：</span><span ng-bind="vm.selectionA.ContactCall"></span><br />
                <span>送餐地址：</span><span ng-bind="vm.selectionA.ContactAddress"></span>
            </p>
            @*<p class="address" ng-bind="vm.selectionA.ContactAddress"></p>*@
            @*<div><div class="addressoo">送餐地址：</div><div class="addressoo" ng-bind="vm.selectionA.ContactAddress"></div></div>*@
        </div>
        <div class="info_right"></div>
    </a>-->
            <a class="user_info" ng-controller="AllLinkCtrl" id="Address" ng-click="togoSelectAddress()">
                <div class="info_left">
                    <p class="user_name">
                        <span>姓名：</span><span ng-bind="vm.selectionA.Name"></span>&nbsp;&nbsp;
                        <span>联系电话：</span><span ng-bind="vm.selectionA.TelNum"></span><br />
                        <span>送餐地址：</span><span ng-bind="vm.selectionA.AddrContent"></span>
                    </p>
                    @*<p class="address" ng-bind="vm.selectionA.ContactAddress"></p>*@
                    @*<div><div class="addressoo">送餐地址：</div><div class="addressoo" ng-bind="vm.selectionA.ContactAddress"></div></div>*@
                </div>
                <div class="info_right"></div>
            </a>
            @*<div class="pay_away">
                <div class="cont">
                    <div class="title">
                        <p class="name1">配送范围</p>
                        <span class="pice1">
                            <select class="select_style" ng-model="psfw">
                                <option value="">请选择</option>
                                <option ng-repeat="i in merrange" value="{{i.AddName}}">{{i.AddName}}</option>
                            </select>
                        </span>
                        <div class="clearfix"></div>
                    </div>
                    <div class="title">
                        <p class="name1" style="border-bottom: none;">详细地址</p>
                        <span class="pice1">
                            <input class="input_style" name="" type="text" placeholder="请输入详细地址" ng-model="xxdz">
                        </span>
                        <div class="clearfix"></div>
                    </div>
                    <div class="title">
                        <p class="name1" style="border-bottom: none;">姓名</p>
                        <span class="pice1">
                            <input class="input_style" name="" type="text" placeholder="请输入姓名" ng-model="orderform.Contact.ContactName">
                        </span>
                        <div class="clearfix"></div>
                    </div>
                    <div class="title1">
                        <p class="name1" style="border-bottom: none;">联系电话</p>
                        <span class="pice1">
                            <input class="input_style" name="" type="number" placeholder="请输入联系电话" ng-model="phone_order">
                        </span>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>*@
            

                <div style="margin-bottom:10px;">
                    <div style="display:inline-block;margin-left:16px">
                        <span>是否自取：</span>
                    </div>
                    <div style="display:inline-block;">
                        <div id="isTake2" class="xuanze f-right" style="float:left;margin-top:22px" ng-click="take(2)"></div>
                        <div style="float:left;margin:22px 15px 0px 5px;">是</div>
                        <div id="isTake1" class="xuanze f-right" style="float:left;margin-top:22px" ng-click="take(1)"></div>
                        <div style="float:left;margin:22px 15px 0px 5px;">否</div>
                        @*<input type="radio" name="isTake" ng-model="isTake" value="2" ng-click="isTake(2)"/>是
                <input type="radio" name="isTake" ng-model="isTake" value="1" ng-click="isTake(1)"/>否*@
                    </div>
                </div>
                
                <div class="pay_away">
                    <div class="pay">支付方式:</div>
                    <div class="cont" ng-repeat="item in vm.paywalts">
                        <div class="title">
                            <p class="name" ng-bind="item.Name+' ('+item.PriTxt+')'"></p>
                            <span class="pice">
                                <div ng-if="item.bb == 1" class="xuanze f-right zhuangtai" id="aa" ng-model="ddvm.selectionW" ng-value="item" ng-click="aa(item)"></div>
                                <div ng-if="item.bb == 2" class="xuanze f-right" id="aa" ng-model="ddvm.selectionW" ng-value="item" ng-click="aa(item)"></div>
                            </span>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="server">
                    <div class="cont">
                        <div class="title">
                            <p class="name1">送餐日期</p>
                            <span class="pice1">
                                <select class="select_style" ng-model="vm.selectionD" ng-options=" item for item in vm.DeliveryDate"></select>
                            </span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title">
                            <p class="name1">送餐时间</p>
                            <span class="pice1">
                                <select class="select_style" ng-model="vm.selectionT" ng-options=" item for item in vm.DeliveryTime"></select>
                            </span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title1">
                            <p class="name1" style="border-bottom: none;">送餐备注</p>
                            <span class="pice1">
                                <input class="input_style" name="" type="text" placeholder="输入信息" ng-model="vm.BZ">
                            </span>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="info">
                    <div class="cont">
                        <div class="title" ng-repeat="item in DishList">
                            <p class="name" ng-bind="item.DishesNmae"></p>
                            <span class="pice_num" ng-bind="backCount(item.DishesID)+'份'"></span>
                            <span class="pice_mon" ng-if="item.DishesIsInt==0" ng-bind="backCount(item.DishesID)*item.DishesPay*0.01|currency:'￥'"></span>
                            <span class="pice_mon" ng-if="item.DishesIsInt!=0" ng-bind="backCount(item.DishesID)*item.DishesPay" style="color: red"></span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title">
                            <p class="name">包装费</p>
                            <span class="pice" ng-bind="packTotal()*0.01|currency:'￥'"></span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title">
                            <p class="name">配送费</p>
                            <span class="pice" ng-bind="delpackmon.DelFormMon*0.01|currency:'￥'"></span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title" ng-if="Discount!=0">
                            <p class="name">优惠</p>
                            <span class="pice" ng-bind="Discount*0.01|currency:'-￥'"></span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title" ng-if="TotalPoint!=0">
                            <p class="name">消费的积分</p>
                            <span class="pice" ng-bind="TotalPoint"></span>
                            <div class="clearfix"></div>
                        </div>
                        <div class="title">
                            <p class="name" style="width: 100%; color: red">提示：<span ng-bind="delpackmon.DelMonTxt">></span></p>

                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        <div style="height: 100px;"></div>
        <div id="footer">
            <ul>
                <li class="shop_car"><span class="car"></span><a href="">共<span ng-bind="Total"></span>元:已优惠<span ng-bind="Discount"></span>元</a></li>
                <li class="rest_price"><a href="" ng-click="BookOrder(vm.selectionD,vm.selectionT,vm.BZ,Total)">确认下单</a></li>
                <div class="cls"></div>
            </ul>
        </div>
    </div>
    <script>
        $(".qianbao").click(
			function () {
			    $(".qianbao").removeClass("zhuangtai")
			}
		);
        $(".qianbao").click(
			function () {
			    $(this).addClass("zhuangtai")
			}
		);
    </script>
</body>
</html>
